<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript">

        window.onload = function ()
        {
            var canvas = document.getElementById("mycanvas");
            var context = canvas.getContext("2d");

            context.beginPath();
            context.moveTo(10, 15);
            context.lineTo(150, 50);
            context.lineWidth = 5;
            context.strokeStyle = 'blue';
            context.lineCap = 'butt';
            context.stroke();
        }
    </script>
     <style type="text/css">
            canvas { border: 1px solid black; }
        </style>
  </head>
  <body>
       <a href="index.php">indice</a>
  <canvas id="mycanvas" width="200" height="200"> </canvas>
  <form>
      <input onclick="javascript:alert('hola pedorra')" />
  </form>
  </body>
</html>
